import { defineComponent as l, withDirectives as s, openBlock as a, createElementBlock as g, createElementVNode as u, renderSlot as i, unref as m } from "vue";
import { vElementSize as p } from "@vueuse/components";
const c = /* @__PURE__ */ l({
  __name: "LoginRegisterFormContainer",
  props: {
    // // 表单选择项
    // formSelectList: {type: Array<SelectItem>, default: []},
    // // 其他选项
    // otherList: {type: Array<SelectItem>, default: []},
    // 容器宽度
    width: { type: String, default: "25rem" },
    // 表单宽度响应式临界点 单位 px
    widthResponsivePoint: { type: Number, default: 450 },
    // 表单响应式后的宽度
    WidthAfterResponsive: { type: String, default: "90%" },
    // 表单最小宽度
    minWidth: { type: String, default: "300px" },
    // 容器高度
    height: { type: String, default: "auto" },
    // 容器内边距
    padding: { type: String, default: "2rem" },
    // 容器背景颜色
    backgroundColor: { type: String, default: "rgba(255, 252, 254, 0.8)" }
    // // 表单选项高度
    // selectorItemHeight: {type: String, default: '2rem'},
    // // 表单选项间距离
    // selectorItemMargin: {type: String, default: '0 0.5rem 0 0'},
    // // 表单选项字体大小
    // selectorItemFontSize: {type: String, default: '1.13rem'},
    // // 表单选项选中颜色
    // itemActiveColor: {type: String, default: '#67c23a'},
    // // 选项颜色
    // itemColor: {type: String, default: '#111'},
    // // 其他选项文字大小
    // otherItemFontSize: {type: String, default: '0.8rem'},
    // // 其他选项间间距
    // otherItemMargin: {type: String, default: '0 0.5rem 0 0'},
  },
  setup(r) {
    const e = r, o = {
      width: e.width,
      minWidth: e.minWidth,
      height: e.height,
      padding: e.padding,
      backgroundColor: e.backgroundColor
    };
    function n({ width: t, height: d }) {
      t < e.widthResponsivePoint ? document.querySelector(".login-register-form-container").style.width = e.WidthAfterResponsive : document.querySelector(".login-register-form-container").style.width = e.width;
    }
    return (t, d) => s((a(), g("div", null, [
      u("div", {
        class: "login-register-form-container",
        style: o,
        ref: "loginRegisterFormContainer"
      }, [
        i(t.$slots, "formSelector", {}, void 0, !0),
        i(t.$slots, "default", {}, void 0, !0),
        i(t.$slots, "otherSelector", {}, void 0, !0)
      ], 512)
    ])), [
      [m(p), n]
    ]);
  }
});
export {
  c as default
};
